body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; font-size:0; line-height:0; height:0; }
.clearfix { *zoom:1; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; }


.ktable { }
.ktable tbody th { border-right: 1px solid #eaeef1; font-weight: normal; }




.ksearch { margin-top: 10px }
.ksearch .input-group-btn { background: #fff; }
.ksearch .input-group-btn .btn { border: 0 none; box-shadow: none; }

@media ( min-width: 768px ){
	.ksearch { float: right; max-width: 300px; margin-top: 0; }
}


@media (min-width: 768px){
	.nav-tabs.nav-justified > li { display: table-cell; width: 100px; }
}






.source-list {}
.source-list ul { list-style: none; padding: 0; margin-left: -15px; }
.source-list li { float: left; width: 298px; border: 1px solid #e7e7eb; margin: 0 0 20px 15px; }
.source-list li .item-content { padding: 0 15px; }
.source-list li .item-title { margin-bottom: 5px; font-size: 16px; }
.source-list li .item-info { line-height: 20px; margin-bottom: 5px; }
.source-list li .item-thumb { height: 160px; overflow: hidden; }
.source-list li .item-thumb img { width: 100%; }
.source-list li .item-desc { padding: 5px 0 10px; word-wrap: break-word; word-break: break-all; }
.source-list li .item-opr { height: 44px; overflow: hidden; background-color: #f4f4f4; border-top: 1px solid #e7e7eb; }
.source-list li .item-opr .opr-it { float: left; width: 50%; height: 44px; margin-left: -1px; border-left: 1px solid #e7e7eb; }
.source-list li .item-opr .opr-it a { display: block; height: 44px; line-height: 44px; text-align: center; color: #b2b2b2; font-size: 16px; font-weight: bold; }
.source-list li .item-opr .opr-it a:hover { color: #373636 }
i.ki { display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url(../images/ico_kico.png); background-repeat: no-repeat; cursor: pointer; }
i.ki-trashcan { background-position: 0 0; }
i.ki-trashcan:hover { background-position: 0 -28px; }
i.ki-pencil { background-position: -20px 0; }
i.ki-pencil:hover { background-position: -20px -28px; }

.source-list .multiple li .item-info { padding-top: 10px; }
.source-list .multiple li .item-content { position: relative; padding: 0; margin: 0 15px 15px; }
.source-list .multiple li .item-title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6)!important; }
.source-list .multiple li .item-title a { display: block; padding: 10px; color: #fff; }
.source-list .multiple li .item-thumb { }
.source-list .multiple li .item-item { position: relative; padding: 20px 14px; border-top: 1px solid #e7e7eb; }
.source-list .multiple li .item-item .item-thumb { float: right; width: 78px; height: 78px; margin-left: 14px; }

.source-list .image li .item-thumb { padding-top: 15px; }
.source-list .image li .item-title { padding-bottom: 10px; }
.source-list .image li .item-opr .opr-it { width: 100%; }

.source-list li .item-opr .opr-it2 { width: 100%; }


.img-wp { width: 360px; }
.img-wp .item-title { margin-bottom: 5px; font-size: 16px; }
.img-wp .item-info { line-height: 20px; margin-bottom: 5px; }
.img-wp .item-thumb { height: 160px; overflow: hidden; }
.img-wp .item-thumb img { width: 100%; }
.img-wp .item-desc { padding: 5px 0 10px; word-wrap: break-word; word-break: break-all; }

.img-wp2 { width: 360px; }

.img-wp2 .item-info { padding-top: 10px; margin-bottom: 5px; }
.img-wp2 .item-content { position: relative; padding: 0; margin: 0 15px 15px; }
.img-wp2 .item-title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6)!important; margin: 0; }
.img-wp2 .item-title a { display: block; padding: 10px; color: #fff; }
.img-wp2 .item-thumb { height: 160px; overflow: hidden; }
.img-wp2 .item-item { position: relative; padding: 20px 14px; border-top: 1px solid #e7e7eb; }
.img-wp2 .item-item .item-thumb { float: right; width: 78px; height: 78px; margin-left: 14px; }
.img-wp2 .item-thumb img { width: 100%; }
.img-wp2 .item-opr { display: none; }


.img-single-info { float: left; width: 298px; border: 1px solid #e7e7eb; margin-right: 20px; padding: 0 15px; }
.img-single-info .item-title { margin-bottom: 5px; font-size: 16px; }
.img-single-info .item-info { line-height: 20px; margin-bottom: 5px; }
.img-single-info .item-thumb { position: relative; height: 160px; overflow: hidden; }
.img-single-info .item-thumb img { width: 100%; }
.img-single-info .item-desc { padding: 5px 0 10px; word-wrap: break-word; word-break: break-all; }




.img-multiple-info { float: left; width: 320px; border: 1px solid #e7e7eb; margin-right: 20px; padding: 0 15px; }
.img-multiple-info .item-info { padding-top: 10px; margin-bottom: 5px; }
.img-multiple-info .item-content { position: relative; padding: 0; margin: 0 15px 15px; }
.img-multiple-info .item-title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6)!important; margin: 0; }
.img-multiple-info .item-title a { display: block; padding: 10px; color: #fff; }
.img-multiple-info .item-thumb { position: relative; height: 160px; overflow: hidden; }
.img-multiple-info .item-thumb img { width: 100%; }
.img-multiple-info .item-item { position: relative; padding: 20px 14px; border-top: 1px solid #e7e7eb; }
.img-multiple-info .item-item .item-thumb { float: right; width: 78px; height: 78px; margin-left: 14px; }
.img-multiple-info .item-thumb img { width: 100%; }


.control { display: none; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; text-align: center; background: rgba(229,229,229,0.85) !important; }
.control i { margin: 0 8px }
.img-multiple-info .item-thumb .control { line-height: 160px; }
.img-multiple-info .item-item .control { line-height: 118px; }


.item-add { height: 80px; text-align: center; line-height: 80px; border: 2px dotted #ccc; margin: 15px 0; cursor: pointer; }
.item-add:hover { border-color: #999 }

.media_edit_area { display: table-cell; vertical-align: top; float: none; width: auto; }
.appmsg_editor { position: relative; padding-left: 12px; margin-top: 0; }
.appmsg_editor .inner { padding: 20px; border: 1px solid #e7e7eb; background-color: #f4f5f9; min-height: 350px; }
.appmsg_edit_item { padding-bottom: 1em; }
.appmsg_edit_item .frm_label { display: block; width: auto; float: none; margin-top: .3em; margin-right: 0; margin-bottom: 4px; font-size: 14px; }
.appmsg_edit_item .title { font-weight: 400; font-style: normal; float: left; }
.media_edit_area:after { content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; visibility: hidden; clear: both; height: 0!important; display: block; line-height: 0; }
.appmsg_editor .arrow_in { display: inline-block; width: 0; height: 0; border-width: 12px; border-style: dashed; border-color: transparent; border-left-width: 0; border-right-color: #f4f5f9; border-right-style: solid; top: 44px; left: 1px; }
.appmsg_editor .arrow { position: absolute; }
.appmsg_editor .arrow_out { display: inline-block; width: 0; height: 0; border-width: 12px; border-style: dashed; border-color: transparent; border-left-width: 0; border-right-color: #e7e7eb; border-right-style: solid; top: 44px; left: 0; }



.phone { width: 400px; height: 680px; padding-top: 133px; background: url(../images/u48_normal.jpg) no-repeat; }
.phone_screen { position: relative; width: 320px; height: 480px; margin: 0px auto; }
.phone_screen .menu { position: absolute; left: 0; bottom: 0; width: 100%; list-style: none; padding: 0; margin: 0; }
.phone_screen .menu li { float: left; position: relative; width: 106px; height: 36px; background: #f2f2f2; border-left: 1px solid #fff; }
.phone_screen .menu li:first-child { border-left: 0; }
.phone_screen .menu li .menu_p { padding-left: 15px; line-height: 36px; }
.phone_screen .menu li .del { position: absolute; right: 5px; top: 5px; width: 13px; height: 13px; cursor: pointer; }

.phone_screen .menu li .menu_c { position: absolute; left: 0; bottom: 36px; width: 100%; }
.phone_screen .menu li .menu_c .item { position: relative; height: 36px; line-height: 36px; padding-left: 15px; background: #f2f2f2; margin-bottom: 1px; }
.phone_screen .menu .add { cursor: pointer; }



.editbox { display: none; margin-left: 30px; margin-top: 20px; width: 400px; }





.editbox .nav-tabs.nav-justified > li { width: auto; }




.layer { display: none; position: absolute; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }

.source-pop { position: absolute; left: 50%; top: 5%; width: 860px; height: 90%; margin: 0px 0 0 -430px; background: #fff; box-shadow: 0 0 20px #444; }
.source-pop .tit { padding: 10px 15px; }
.source-pop .vbox { height: 540px !important; }
.source-pop .pop-close { position: absolute; right: 15px; top: 16px; width: 26px; height: 26px; background: url(../images/btn_delete.jpg) no-repeat; cursor: pointer; }

.source-pop .source-list { display: none; position: absolute; top: 0; }
.source-pop .source-list li { width: 263px; }


.sel-wp { display: none; }






.source-sel {}
.source-sel .source-list { display: none; }



.child-lei { list-style: none; padding: 0; }
.child-lei li { margin-bottom: 10px; }
.child-lei li input { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-right: 10px; }

.child-lei li i { cursor: pointer; }
.dd {
    position: relative;
    display: block;
    margin: 0; padding: 0;
    max-width: 600px;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 0px 0 5px;
    padding: 10px 10px;
    text-decoration: none;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}
.dd-handle:hover {background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 30px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

@media only screen and (min-width: 700px) {

    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block;margin: 5px 0;
    padding: 10px 10px 10px 50px;
    text-decoration: none;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 40px; }

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 10px; width: 100%; text-align: center; text-indent: 0; color: #ccc; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #f7f7f7; }





.id-gl { height: 150px; }
.id-gl .id-m { float: left; width: 54px; margin-right: 20px; }
.id-gl .id-m button { margin-bottom: 5px; width: 54px; }
.id-gl .id-l { float: left; width: 200px; height: 152px; border: 1px solid #cbd5dd; border-radius: 2px; padding: 5px; margin-right: 20px; }
.id-gl .id-l ul { list-style: none; padding: 0; }
.id-gl .id-l ul li { line-height: 28px; padding-left: 12px; margin-bottom: 1px; cursor: pointer; }
.id-gl .id-l ul li.active { background: #146ca4; color: #fff; }



.bg-info .img-wp,
.bg-info .img-wp2 { padding: 10px; background: #fff; border-radius: 3px; color: #333 }
.bg-info .img-wp a,
.bg-info .img-wp2 a { color: #333; }




.kdsearch {  }
.kdsearch > span { margin-right: 10px; line-height: 30px; margin-bottom: 10px; }
.kdsearch .datepicker-input { margin-right: 20px; margin-bottom: 10px; }
.kdsearch .btn-group {float: left; height: 30px; margin-bottom: 10px; }
.kdsearch .input-group { float: left;width: 150px; }
.user_list { position: relative; }
.user_list .user_group { position: absolute; right: 0; width: 200px; background-color: #fff; border: 1px solid #eaeef1; border-radius: 4px; }
.user_list .user_group dt { height: 30px; line-height: 30px; padding-left: 12px; border-bottom: 1px solid #eaeef1; }
.user_list .user_group dd {}
.user_list .user_group dd ul { padding: 0; list-style: none; padding: 5px 0; }
.user_list .user_group dd ul li { position: relative; padding-left: 15px; line-height: 22px; font-size: 12px; }
.user_list .user_group dd ul li.active { background: #32CFD1; color: #fff; }
.user_list .user_group dd ul li .tools { position: absolute; right: 10px; top: 0px; display: none; }
.user_list .user_group dd ul li .tools i { margin-left: 5px; cursor: pointer; }


.user_list .user_table { margin-right: 220px; }
.user_list .user_table .btn-s-md { display: block; min-width: inherit; font-size: 12px; margin-bottom: 5px; }

.pop { display: none; position: absolute; left: 50%; top: 50%; width: 300px; height: 180px; margin: -150px 0 0 -90px; background: #fff; box-shadow: 0 0 20px #444; border-radius: 3px; }
.pop .pop_title { line-height: 32px; margin: 0 10px; color: #666; border-bottom: 1px solid #ccc }
.pop .pop_cont { height: 100px; padding: 10px; }
.pop .pop_btn { text-align: center; }
.pop .pop_btn button { margin: 0 5px; }

.pop .ground_input { padding: 10px; }

.pop .pop_tis { line-height: 24px; padding: 10px; }


.setgrond { padding: 0 10px; }
.setgrond ul { padding: 0; list-style: none; }
.setgrond ul li { float: left; width: 86px; height: 24px; line-height: 24px; font-size: 12px; }
.setgrond ul li input { vertical-align: middle; margin-top: 0; margin-right: 3px; }
.setgrond ul li label { margin-bottom: 0; }